body,html{
    height: 100%;
    width: 100%;
}
.header{
    width: 100%;
    min-width: 1200px;
    height: 80px;
    background-color: rgb(61, 61, 74);
    border: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    a{
        color: #fff;
        cursor: pointer;
        &:hover{
            color: #fff;
        }
    }
    .container{
        width: 1200px;
        margin: auto;
        .logo{
            background-image: url("https://sta.doumistatic.com/src/image/jianzhi/web/c/v2/c_global_ico.png?v=180206");
            background-position: 0 -60px;
            margin-top: 15px;
            float: left;
            width: 128px;
            height: 50px;
            text-indent: -9999px;
            overflow: hidden;
        }
        .location{
            color: #fff;
            float: left;
            margin: 33px 0 0 10px;
            font-size: 14px;
            cursor: pointer;
            &::after{
                content: "";
                float: right;
                margin: 5px 0 0 4px;
                width: 11px;
                height: 5px;
                background: url("https://sta.doumistatic.com/src/image/jianzhi/web/c/v2/c_global_ico.png?v=180206") no-repeat -54px -174px;
            }
        }
        .nav{
            float: left;
            font-size: 18px;
            margin: 31px 0 0 30px;
            li{
                float: left;
                position: relative;
                padding: 0 21px 0 20px;
                &::after{
                    content: "";
                    width: 1px;
                    height: 10px;
                    background: #ddd;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    margin-top: -5px;
                }
                &:last-child::after{
                    display: none;
                }
            }
        }
        .login-info{
            line-height: 80px;
            float: right;
            font-size: 14px;
            .login-reg{
                padding-left: 20px;
            }
        }
        .jz-app{
            position: relative;
            float: right;
            margin-top: 30px;
            font-size: 14px;
            margin-right: 30px;
            line-height: 18px;
            background: transparent;
            &:hover{
                #code{
                    display: block;
                }
            }
            i{
                display: inline-block;
                width: 18px;
                height: 18px;
                margin-right: 3px;
                margin-top: -2px;
                background: url("https://sta.doumistatic.com/src/image/jianzhi/web/c/v3/sprites.png");
                background-position: -116px 0;
                vertical-align: middle;
            }
            #code{
                width: 306px;
                height: 152px;
                position: absolute;
                right: -150px;
                top: 38px;
                font-size: 0;
                box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
                display: none;
                z-index: 30;
                .qrcode{
                    display: inline-block;
                    padding: 30px 35px;
                    background-color: #fff;
                    img{
                        width: 82px;
                        height: 82px;
                    }
                    p{
                        text-align: left;
                        margin-bottom: 10px;
                        font-size: 12px;
                        color: #4b4b4b;
                        line-height: 20px;
                    }
                }
                &::after{
                    position: absolute;
                    left: 152px;
                    top: 60px;
                    height: 82px;
                    width: 1px;
                    content: '';
                    background-color: #f5f5f5;
                }
            }
            &:hover #code{
                display: block;
            }
        }
        .jz-post{
            float: right;
            display: inline-block;
            width: 86px;
            height: 30px;
            margin-top: 25px;
            margin-right: 30px;
            line-height: 30px;
            background: #fa0;
            border-radius: 1px;
            font-size: 14px;
            text-align: center;
            &:hover{
                background-color: rgb(212, 137, 50)
            }
        }
        
        .jz-search{
            float: right;
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            margin: 30px 25px 0 0;
            display: block;
            .icon{
                display: inline-block;
                width: 18px;
                height: 18px;
                margin-top: -2px;
                background: url(https://sta.doumistatic.com/src/image/jianzhi/web/c/v3/sprites.png) no-repeat;
                background-position: -38px 0;
                vertical-align: middle;
                margin-right: 4px;
            }
        }
    }
}

.jz-app:hover #code{
    display: block;
}